@charset "utf-8";
/* CSS Document */
.clearfix:after{content:"";font-size:0;display:block;height:0;clear:both;visibility:hidden;}
a {
	text-decoration: none;
	color: #333;
}
a:hover{
	text-decoration: none !important;
}
.addalbum_btn {
	display:none!important
}
.add_to_album_btn {
	display:none!important
}
body{background-color: #f7f7f7;}
/* 面包屑 开始 */
.bread-crumbs{width:1190px; margin:0 auto;}
.bread-crumbs a{font-size:18px; color: #D34A2D;}
/* 面包屑 结束 */
.mslide_content_box {
	position:relative;
	width: 100%;
	height:320px;
	overflow:hidden
}
.mslide_content_box .mslide_banners {
	position:relative
}
.mslide_content_box .mslide_banner {
	display:none;
	width:100%;
	top:0;
	left:0;
	z-index:0
}
.mslide_content_box .mslide_banner_img {
	width:100%
;
}
.mslide_content_box .mslide_banner_show {
	display:block;
	z-index:1
;
	height: 240px;
	width: 100%;
	overflow: hidden;
}
.mslide_content_box .msilde_toggle_btn {
	display:none;
	position:absolute;
	top:50%;
	margin-top:-24px;
	width:28px;
	height:45px;
	z-index:10;
	opacity:.4;
	filter:Alpha(opacity=40)
}
.mslide_content_box .msilde_prev_btn {
	left:0;
	background-position:0 0
}
.mslide_content_box .msilde_next_btn {
	right:0;
	background-position:-50px 0
}
.mslide_content_box:hover .msilde_toggle_btn {
	display:block
}
.mslide_content_box .msilde_toggle_btn:hover {
	opacity:.8;
	filter:Alpha(opacity=80)
}
.msilde_dot_box {
	position:absolute;
	bottom:10px;
	left:50%;
	z-index:10
}
.msilde_dot_box .dot_default {
	width:10px;
	height:10px;
	padding:3px;
	background-position:-97px 3px
}
.msilde_dot_box .dot_show {
	background-position:-147px 3px
}
.mslide_content_box .anim_msilde_dot_box .dot_default {
	width:20px;
	height:20px;
	padding:0;
	background-position:-97px -17px
}
.anim_msilde_dot_box .dot_default .dot_show_img {
	display:none
}
.anim_msilde_dot_box .dot_show .dot_show_img {
	display:block;
	width:20px;
	height:20px;
	background-position:-127px -17px;
	cursor:pointer
}
@-webkit-keyframes rotate {
	0% {
	-webkit-transform:rotate(0deg);
	opacity:0
}
4% {
	opacity:1
}
100% {
	-webkit-transform:rotate(360deg)
}
}@-moz-keyframes rotate {
	0% {
	-moz-transform:rotate(0deg);
	opacity:0
}
4% {
	opacity:1
}
100% {
	-moz-transform:rotate(359deg)
}
}@-o-keyframes rotate {
	from {
	-o-transform:rotate(0deg);
	opacity:0
}
4% {
	opacity:1
}
to {
	-o-transform:rotate(359deg)
}
}@keyframes rotate {
	0% {
	transform:rotate(0deg);
	opacity:0
}
4% {
	opacity:1
}
100% {
	transform:rotate(359deg)
}
}@-webkit-keyframes fadeIn {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}@charset "UTF-8";
	.text_hide {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.yahei {
	font-family:Arial,"Hiragino Sans GB","Microsoft Yahei","微软雅黑","宋体",Tahoma,Arial,Helvetica,STHeiti
}
.ssqg-header {
	margin:0 auto;
	margin-bottom:30px
}
#body_wrap .ssqg-header {
	width: 1190px;
	margin-top:20px;
}
.top-banner {
	width:100%;
	position:relative;
	overflow:hidden;
	margin-bottom:20px
}
.top-banner .left-top-banner {
	width: 100%;}
.top-banner .right-top-banner {
	height:398px;
	width:215px;
	display: none;
	border:1px solid #ddd
}
.top-banner .right-top-banner .banner-item {
	display:block;
	margin:13px auto 0;
	height:180.5px;
	width:189px;
	overflow:hidden;
	background:#eee
}
.bottom-banner .bottom-banner-item {
	height:150px;
	width:380px;
	margin:0 15px
}
.bottom-banner .bottom-banner-item:first-child {
	margin-left:0
}
.bottom-banner .bottom-banner-item:last-child {
	margin-right:0
}
.slide-indicate.active {
	content:" ";
	color:red
}
.swipe-slide img {
	display:block;
	margin:0 auto
}
.top-banner .slide-indicate {
	font-size:30px
}
.main {
	margin:0 auto
}
.nav-box {
	position:relative;
	font-size:22px;
	z-index:20;
	color:#999;
	background:#323232;
	_overflow:hidden;
	position:relative
}
.nav-box .nav-box-wrapper {
	position:relative;
	overflow:hidden
}
.nav-box .active-arrow {
	position:absolute;
	top:0;
	left: 133px;}
.nav-box .active-arrow .center {
	background: #D34A2D;
	margin:0 auto
}
.nav-box .active-arrow .center:after {
	content:" ";
	width:0;
	height:0;
	border:10px solid transparent;
	border-top-color: #D34A2D;
	position:absolute;
	left:50%;
	bottom:-20px;
	margin-left:-10px
}
.nav-box .nav-list {
	position:absolute;
	left:0;
	top:0;
	-webkit-transition:left .3s;
	transition:left .3s
}
.nav-box .nav-list .nav-items {
	color:#fff;
	float:left;
	text-align:center;
	position:relative;
	padding-top:10px
}
.nav-box .nav-list .nav-items.first,.nav-box .nav-list .nav-items.last {
	font-size:20px;
	padding:0
}
.nav-box .nav-list .nav-items .seckill-time {
	font-size:17px;
	line-height:1
}
.nav-box .nav-list .nav-items .seckill-status {
	font-size:14px;
	line-height:1;
	padding-top:10px;
	font-weight:700
}
.controller {
	width:100%;
	position:absolute;
	left:0;
	top:0
}
.controller .ctrl-item {
	position:absolute;
	z-index:6;
	cursor:pointer;
	display:none;
	opacity:0;
	-webkit-transition:opacity 1s;
	transition:opacity 1s
}
.controller .ctrl-item.disabled {
	display:none!important
}

.nav-box:hover .controller .ctrl-item {
	display:block;
	*display:none;
	opacity:1
}

#body_wrap .main {
	width: 1190px;}
#body_wrap .nav-box {
	width: 1190px;}
#body_wrap .nav-box .nav-box-wrapper {
	height:55px
}
#body_wrap .nav-box-static {
	height:55px
}
#body_wrap .active-arrow .center {
	width:136px;
	height:55px
}
#body_wrap .nav-list .nav-items {
	width:133px;
	height:55px;
	font-size:20px;
	line-height:55px
}
#body_wrap .nav-list .nav-items.active {
	width:136px;
	color:#000
}
#body_wrap .nav-list .nav-items.first,#body_wrap .nav-list .nav-items.last {
	width:532px
}
.fr-aside {
	border:1px solid #333;
	width:215px;
	box-sizing:border-box;
	border:1px solid #ddd;
	background:#fff;
	font-size:14px
}
.fr-aside .banner {
	width:80%;
	margin:0 auto;
	text-align:center;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px solid #eee
}
.fr-aside .category-list {
	width:80%;
	margin:0 auto
}
.fr-aside .category-list li {
	width:50%;
	text-align:center;
	margin-bottom:20px;
	font-weight:800
}
.fr-aside .qr-code-box {
	width:162px;
	margin:0 auto;
	overflow:hidden
}
.fr-aside .qr-code-box .qr-code {
	margin:0 auto;
	width:162px;
	height:162px;
}
.fr-aside .qr-code-box .qr-code img {
	max-width:100%;
}
.fr-aside .qr-code-box .qr-text {
	text-align:center;
	font-size:12px;
	color:#666;
	margin:20px 0 25px 0
}
.fr-aside-960 {
	_display:none;
	position:absolute;
	width:60px;
	left:-80px;
	top:120px;
	box-sizing:border-box;
	border:1px solid #ddd;
	font-size:14px;
	background:#fff
}
.fr-aside-960 .banner {
	text-align:center;
	border-bottom:1px dotted #ddd;
	margin:5px 0 10px
}
.fr-aside-960 .category-list {
	width:80%;
	margin:0 auto
}
.fr-aside-960 .category-list li {
	width:100%;
	text-align:center;
	margin-bottom:10px;
	padding-bottom:10px;
	font-weight:800;
	border-bottom:1px dotted #ddd
}
#body_wrap .fr-aside {
	display:block
;
	z-index: 2;
}
.content,.fr-aside {
	margin-top:15px
}
.content {
	width: 860px;
	margin-bottom:30px;
	position:relative;
	display:none;
	background: #fff;
	padding: 50px;
	border: 1px solid #ddd;
}
.content.sec-con-2{
	display:block;
}
.content-body {
	
}
.content-header .count-down-box .fr{font-size:24px;color: #D34A2D;border: 1px solid #D34A2D;padding: 5px 10px;border-radius: 5px;}
.content-header .count-down-box {
	width:100%;
	height: 50px;
	overflow:hidden;
	font-size: 20px;
}
.content-header .count-down-box.active {
	display:block
}
.content-header .count-down-box span a,.content-header .count-down-box h1 {
	font-size:20px;
	color:#333;
	line-height:2
}
.content-header .timer .h,.content-header .timer .s,.content-header .timer .d,.content-header .timer .m {
	background-color:#000;
	border:1px solid #000;
	color:#fff;
	padding:5px;
	margin:0 3px;
	border-radius:5px
}
.content-footer {
	margin:0 auto;
	margin-top:20px;
	text-align:center
}
.content-footer .footer-btn {
	display:inline-block;
	background:#fdcb00;
	height:40px;
	line-height:40px;
	width:130px;
	font-size:14px;
	font-weight:700;
	margin:0 28px
}
.content-footer .footer-btn.disabled {
	opacity:.7;
	cursor:not-allowed
}
.item-list {
	margin-left:-20px
}
.item-list .item {
	width: 858px;
	height:216px;
	margin:20px 0 0 20px;
	border:solid 1px #ccc;
	position:relative;
	overflow:hidden
}
.item-list .item:hover{
	border-color: #D34A2D;
}
.item-list .item .item-image {
	display: table-cell;
	vertical-align: middle;
	height:190px;
	text-align: center;
	width: 490px;
	margin:14px;
	background: #fff;
	background-size:cover
}
.item-list .item .item-detail {
	height:186px;
	width: 318px;
	_width:210px;
	padding:15px;
	padding-left:5px;
	display:block;
	overflow:hidden
}
.item-list .item .item-detail .title {
	color:#333;
	font-size:18px;
	height:18px;
	line-height:1.2;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px dotted #ccc
}
.item-list .item .price {
	color:#424242;
	line-height:32px;
	height:32px;
	font-size:14px;
	overflow:hidden
}
.item-list .item .price .cur {
	font-size:25px;
	font-weight:500;
	color: #D34A2D;
	margin: 0 5px;}
.item-list .item .price .old {
	font-size:14px;
	color:#999
}
.item-list .item.upcoming .buy-btn-box .buy-btn,.item-list .item.unpay .buy-btn-box .buy-btn,.item-list .item.ongoing .buy-btn-box .buy-btn,.item-list .item.alertable .buy-btn-box .buy-btn {
	background-color: #D34A2D;
	border: 1px solid #D34A2D;}
.item-list .item.soldout .buy-btn-box .buy-btn {
	background-color:initial;
	border: 1px solid #D34A2D;
	color: #D34A2D;}

.item-list .item .status-bar-box {
	position:relative
}
.item-list .item .status-bar-box .status-bar {
	border:1px solid #f9c718;
	border-radius:3px;
	width:60%;
	height:10px;
	overflow:hidden;
	position:relative
}
.item-list .item .status-bar-box .status-bar .status-bar-progress {
	position:absolute;
	height:10px;
	width:5%;
	background-color:#ffde6a;
	z-index:1
}
.item-list .item .status-bar-box .status-bar-text {
	position:relative;
	z-index:5;
	color:#333;
	width:100%;
	margin-top:20px;
	font-size:14px;
	color:#aaa
}
.item-list .item .buy-btn-box {
	position:absolute;
	bottom:15px;
	font-size:14px;
	overflow:hidden;
	height:34px
}
.item-list .item .buy-btn-box .buy-btn {
	width:110px;
	height:32px;
	font-size:17px;
	line-height:32px;
	text-align:center;
	border-radius:3px;
	text-align:center;
	display:inline-block;
	box-sizing:border-box;
	color:#fff;
	background:#f13e3a
}
.item-list .item .buy-btn-box .left-text {
	margin-left:15px;
	color:silver
}
.item-list .item .left-text {
	font-size:14px;
	margin-left:15px
}
.item-list .item .corner-tag {
	width:70px;
	height:29px;
	position:absolute;
	top:0;
	left:5px
}
.fill_img {
	max-width: 100%;
	max-height: 100%;
}
.mslide_content_box {
	height: auto;}
.mslide_content_box .msilde_toggle_btn {
	margin-top:-18px
}
.msilde_dot_box {
	background:#fff;
	padding:3px 10px;
	border-radius:15px
}